---
title: Wprowadzenie
description: Podstawowy wstęp do Astro.
i18nReady: true
tableOfContents: false
editUrl: false
next: false
hero:
  title: Dokumentacja Astro
  tagline: Przewodniki, zasoby i referencje API, które pomogą Ci tworzyć z Astro.
  actions:
    - text: Rozpocznij
      icon: rocket
      link: /pl/install-and-setup/
    - text: Dowiedz się więcej o funkcjach Astro
      icon: right-arrow
      variant: minimal
      link: /pl/concepts/why-astro/
  facepile:
    tagline: Zasilane przez Astro oraz kontrybutorów open-source.
    linkText: Dołącz do nas!
    link: /pl/contribute/
---

import { CardGrid } from '@astrojs/starlight/components'
import Card from '~/components/Landing/Card.astro'
import ListCard from '~/components/Landing/ListCard.astro'
import SplitCard from '~/components/Landing/SplitCard.astro'
import Discord from '~/components/Landing/Discord.astro'

<CardGrid>
  <Card title="Co stworzysz z Astro?" icon="laptop">
    Eksploruj [startowe motywy Astro](https://astro.build/themes/) aby znaleźć blogi, portfolia, dokumentacje, strony startowe, SaaS, marketing, strony ecommerce oraz więcej!
  </Card>

  <Card title="Wycieczka z przewodnikiem" icon="star">
    Ukończ nasz startowy [kurs gdzie zbudujesz bloga](/pl/tutorial/0-introduction/), aby nauczyć się podstaw oraz stworzyć swoją pierwszą stronę z Astro.
  </Card>

  <SplitCard title="Zacznij nowy projekt" icon="rocket">
    ```sh
    # stwórz nowy projekt z npm
    npm create astro@latest
    ```
    
    Nasz [przewodnik instalacji](/pl/install-and-setup/) zawiera instrukcje mówiące krok po kroku jak zainstalować Astro za pomocą instalatora CLI, jak stworzyć nowy projekt z istniejącego repozytorium Astro na GitHubie, oraz jak ręcznie zainstalować Astro.
  </SplitCard>

  <ListCard title="Nauka" icon="open-book">
    - [Główne funkcje Astro](/pl/concepts/why-astro/)
    - [Architektura wysp](/pl/concepts/islands/)
    - [Komponenty Astro](/pl/basics/astro-components/)
    - [Składnia plików Astro](/pl/reference/astro-syntax/)
  </ListCard>

  <ListCard title="Rozszerzanie" icon="puzzle">
    - [Dodaj integracje jak React czy Tailwind](/pl/guides/integrations-guide/)
    - [Twórz otypowane kolekcje zawartości](/pl/guides/content-collections/)
    - [Ulepsz nawigację dzięki View Transitions](/pl/guides/view-transitions/)
    - [Połącz headless CMS ze swoim projektem](/pl/guides/cms/)
  </ListCard>
</CardGrid>

<Discord title="Masz pytanie albo chcesz się zaangażować?" cta="Dołącz na Discord"/>
